<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      #div1 {
        width: 100%;
        height: 900px;
        background: red;
      }
      #div2 {
        width: 100%;
        height: 900px;
        background: black;
      }
    </style>
  </head>
  <body>
    <a href="#div2">div2</a>
    <button id="btn">open tags</button>
    <div id="div1">1</div>
    <div id="div2">2</div>
  </body>
  <script>
    btn.onclick = function () {
      //window.open('http://baidu.com') //新窗口 打开一个链接
      //   console.log(window.innerHeight) //浏览器可视高度
      //   console.log(window.innerWidth) //浏览器可视宽度
      //   console.log(window.location.hash) //获取当前页面的url 锚点
      //   console.log(window.location.host) //获取当前主域名 包括端口
      //   console.log(window.location.hostname) //获取当前主域名 不包括端口
      //   console.log(window.location.href) // 设置或返回完整的 URL。
      //   console.log(window.location.port) // 设置或返回端口号
      //   console.log(window.location.protocol) //获取传输协议
      //   console.log(window.location.search) //获取参数
      //   window.location.reload() //刷新
      //   window.location.replace('day4-dom作业.html') //替换当前文档

      //history
      //   window.history.back() //前一个
      //   window.history.forward() //下一个
      // window.history.go(0) //加载 history 列表中的某个具体页面。

      //screen 对象
      //   console.log(window.screen.width)
      //   console.log(window.screen.height) //当前分辨率
      console.log(window.screen.availWidth)
      console.log(window.screen.availHeight) //可用区域
      console.log(navigator.userAgent) //检查当前浏览器
    }
  </script>
</html>
